<template>
  <div class="popup">
    <mt-popup
      v-model="popupVisible"
      :modal="true"
      :closeOnClickModal="false"
     popup-transition="popup-fade"
      style="background-color: transparent">
      <slot></slot>
    </mt-popup>
  </div>
</template>

<script>
  import { Popup } from 'mint-ui'
  export default{
    name: 'popup',
    data () {
      return {
        popupVisible: false
      }
    },
    props: {
      popupShow: {
        default: false
      }
    },
    components: {
      'mt-popup': Popup
    },
    watch: {
      popupShow (n, o) {
        this.popupVisible = n
      }
    }
  }
</script>

<style lang="less">
</style>
